<template>
	<div @click="handleClick">\{{ msg }}-\{{ msgIn }}</div>
</template>

<script setup>
	import { ref, onMounted } from 'vue';
	
	defineOptions({
		name: "{{camelCase name}}"
	})
	
	const props = defineProps({
		msg: {
			type: String,
			default: 'Hello uniapp!'
		}
	})

	const emit = defineEmits(['update:msg']);
	
	const msgIn = ref('Hello world!');
	
	const handleClick = () => {
		emit('update:msg', props.msg + ' ' + msgIn.value);
	}

	onMounted(() => {
		console.log('---- onMounted ----');
	})
</script>

<style lang="scss">
	       
</style>